html,
body {
    margin    : 0 auto;
    padding   : 0;
    width     : 1911px;
    min-height: 100px;
}

::-webkit-scrollbar-track-piece {
    //滚动条凹槽的颜色，还可以设置边框属性
    background-color: #f8f8f8;
}

::-webkit-scrollbar {
    //滚动条的宽度
    width : 9px;
    height: 9px;
}

::-webkit-scrollbar-thumb {
    //滚动条的设置
    background-color: #dddddd;
    background-clip : padding-box;
    min-height      : 28px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
}

.swiper-container {
    .swiper-pagination {
        .swiper-pagination-bullet {
            background: rgba(242, 242, 242, 1) !important;

            &.swiper-pagination-bullet-active {
                background: rgba(249, 68, 107, 1) !important;
            }
        }
    }
}

#app {
    font-family            : "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align             : center;
    width                  : 100%;
    color                  : #2c3e50;
    position               : relative;
}

.navTop {
    position       : fixed;
    left           : 5%;
    top            : 30px;
    width          : 90%;
    height         : 70px;
    text-align     : center;
    z-index        : 999999;
    background     : #ffffff;
    border-radius  : 35px;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    box-shadow     : 0px 0px 8px 0px rgba(249, 68, 107, 0.35);
    overflow       : hidden;

    &::after {
        clear: both;
    }

    .logo {
        height     : 30px;
        margin-left: 38px;
    }

    .tabs_top {
        vertical-align : middle;
        margin-right   : 380px;
        height         : 70px;
        display        : flex;
        align-items    : center;
        justify-content: flex-end;

        .tab_top {
            font-size     : 24px;
            font-family   : PingFang-SC-Medium;
            font-weight   : 500;
            color         : #4d4d4d;
            display       : inline-block;
            margin-right  : 60px;
            padding-bottom: 6px;
            cursor        : pointer;
            z-index       : 9999;

            &:hover {
                color        : #f9446b;
                border-bottom: 1px solid #f9446b;
            }

            &.active {
                color        : #f9446b;
                border-bottom: 1px solid #f9446b;
            }
        }

        #lastTab_top {
            margin-right: 0;
        }
    }

    &.hide {
        width: 70px;

        // background: #F9446B;
        .logo {
            margin-left: 18px;
        }
    }
}

.footer {
    width   : 100%;
    position: relative;

    .footer_img {
        width  : 100%;
        display: block;
    }

    .footer_logo,
    .footer_p,
    .footer_tel,
    .footer_erm {
        position: absolute;
    }

    .footer_logo {
        width: 324px;
        top  : 90px;
        left : 384px;
    }

    .footer_p {
        top : 212px;
        left: 384px;

        p {
            font-size  : 24px;
            font-family: PingFang-SC-Regular;
            font-weight: 400;
            color      : rgba(255, 255, 255, 1);
            text-align : left;
            margin     : 0 auto 5px;
            padding    : 0;
            display    : block;

            a {
                color: #ffffff;
            }
        }
    }

    .footer_tel {
        top        : 118px;
        right      : 320px;
        font-size  : 30px;
        font-family: PingFang-SC-Bold;
        font-weight: bold;
        color      : rgba(255, 255, 255, 1);
    }

    .footer_erm {
        top: 186px;

        p {
            margin: 5px auto;
        }

        &.erm1 {
            right: 600px;
        }

        &.erm2 {
            right: 402px;
        }

        .footer_erm_img {
            width  : 120px;
            display: block;
        }

        .footer_erm_txt {
            width      : 100%;
            text-align : center;
            font-size  : 18px;
            font-family: PingFang-SC-Regular;
            font-weight: 400;
            color      : rgba(255, 255, 255, 1);
        }
    }
}

.backTop {
    position: fixed;
    top     : 15%;
    right   : 2%;
}

//分页
.pagination {
    position   : relative;
    line-height: 30px;
    user-select: none;
    text-align : center;

    .total {
        position: absolute;
        left    : 0;
    }

    .paging {
        display     : inline-block;
        padding-left: 50px;
        margin      : 0 20px;

        li {
            display   : inline-block;
            border    : 1px solid #f2f6f9;
            min-width : 32px;
            padding   : 0 4px;
            margin    : 0 2px;
            text-align: center;
            cursor    : pointer;

            &:not(.disabled):not(.active):hover {
                color       : #f9446b;
                border-color: #f9446b;
            }

            &.active {
                background-color: #f9446b;
                color           : #fff;
                cursor          : default;
            }

            &.disabled {
                cursor: not-allowed;
                color : #f2f6f9;
            }
        }
    }

    input,
    select {
        margin    : 0 4px;
        padding   : 4px 2px;
        border    : 1px solid #ddd;
        text-align: center;
    }

    .jump {
        display: inline-block;
    }
}

@font-face {
    font-family: "iconfont";
    src        : url("//at.alicdn.com/t/font_685281_yzdl5f6gtk9.eot?t=1566016426623");
    /* IE9 */
    src: url("//at.alicdn.com/t/font_685281_yzdl5f6gtk9.eot?t=1566016426623#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANEAAsAAAAAB+gAAAL2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDFAqDGIJTATYCJAMQCwoABCAFhG0HXBvRBhEVlM1kXyVwTlThybuGqW0hQTR/E/se+G5YTEK7UMfFBZ+JB2h//52ZOw9fTEt/aJus0Jkcym6SIkPaJkQq3/+b20zSpeU1874STNDX6fpXWSnkI9PwTIUQwfedWnBgC4hoVxbsK1z8bqPMb8dZypPVxdiNJC02DoDO6MvXd3A5/cYSm2dvgaX6Y1NjL3+KwzigwPbEKLKy0s3cMHZBSzxOQKUBxgnTz/OXEyTmuICw3+3aQshYpIb6oCwoVixNwhkF5Xgqvjkd3D587QxlokLGnLp454ztkg/K7wxyWO8h8OlcYKvIMA6JsLnSsxYdZcbJVKr9GRNQlARxqlCeE0jDNKG4UTbCPy8UmbXVoBuy2VXhDkrgQyiRD9fI4GOMLqMSBxAuIEW/8qIohmrrCTY2NjSsk/5fXPoMPj49/t2WegzD4MG0p/EKWlFdgUuh93rn1cMF9O/0MlzPpdZhLmuwlI6jHj/7wuWyePGsWYWg9f0Ym42+6MUK6WMa2hpHjx7c1tUW5bmGtu5TyuhpPgF7mvgbG6uG9q62xjxf0hh3/kJGm573GldjBrdNdxGoZbrX0+swc4fsYVQhuxT/yC4GvwgITFnR10/qDv8FOYFXwsCSdM+WRRj+X/COTUkjTWtKCuVgejQZ6eVPiqhUiRwEGr2fQmjpnCIoZ3AGUUl/yJQNkyTFOCio0g1FZZOg0lizVldpchQtpAqMcQxAUO8WRLUeQ6beE0lSvIOCVt+hqD5kUGllWG5ZZURwuHCaoFQ0VD3J1TwZ265hWP8Cex1KSZOB9gPiXZzSKMnnL5ggU8zwN5upGjLCI53BaRgGplm4Q61Rqzrv49hUXSiqeQxC0wSloqHqSa7myXjtNSxc/wX2OpTSIKqafkC8657SKOkguXBTJ9GtnONvNlM1ZIRHOgMXBivDNFcP6lBr1A5onPdxvAzZlYuWF8Y33AGVzH1SoEiaZEiWKO3CZJsrL67/Hnnd4iY8+XyA0WW+XJxtNQgAAAA=") format("woff2"),
        url("//at.alicdn.com/t/font_685281_yzdl5f6gtk9.woff?t=1566016426623") format("woff"),
        url("//at.alicdn.com/t/font_685281_yzdl5f6gtk9.ttf?t=1566016426623") format("truetype"),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url("//at.alicdn.com/t/font_685281_yzdl5f6gtk9.svg?t=1566016426623#iconfont") format("svg");
    /* iOS 4.1- */
}

.iconfont {
    font-family            : "iconfont" !important;
    font-size              : 16px;
    font-style             : normal;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-gengduo:before {
    content: "\e617";
}

.icon-icon_chevrons_left:before {
    content: "\e6f9";
}

.icon-icon_chevrons_right:before {
    content: "\e6fa";
}
[cloak]{
    display: none;
}